@charset "utf-8"; 

a {
	color: #008CD6
}

@media ( min-width :668px) {
	.mirror-item {
		width: 80%
	}
	.col-xx-5:nth-of-type(1) {
		margin-left: 0
	}
	.col-xx-5 {
		width: 19%;
		float: left;
		margin-left: 1%;
		min-width: 210px
	}
	.contact-project {
		padding: 75px 0
	}
	.pandect #manContent ul#partner-list li {
		width: 210px
	}
}

@media ( min-width :996px) {
	.col-xx-3 {
		width: 24%
	}
	.col-xx-2 {
		width: 20%
	}
	.pandect #manContent ul#partner-list li {
		width: 220px
	}
}

@media ( max-width :668px) {
	.mirror-item {
		font-size: 12px;
		width: 100%
	}
}

@media ( max-width :400px) {
	.contact-project {
		padding: 5px 0
	}
	.col-xx-5 {
		margin-left: 0;
		margin: 0 auto;
		clear: both;
		width: 240px
	}
}

li {
	line-height: 25px
}

.img-center {
	margin: 0 auto
}

.h5 {
	line-height: 1.5
}

.span6 {
	float: left;
	width: 50%
}

.padding-right-10 {
	padding-right: 10px
}

.padding-left-10 {
	padding-left: 10px
}

.span3 {
	width: 33.333%;
	float: left
}

.span2 {
	width: 25%;
	float: left
}

.front-img {
	width: 100%;
	height: 200px;
	position: relative
}

.front-img .headline {
	position: absolute;
	top: 110px;
	left: 44%;
	font-size: 35px;
	color: #fff;
	letter-spacing: 2px
}

.btn-dull {
	border: 1px solid #4280CB;
	color: #4280CB
}

.special-text {
	font-family: Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑",
		STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif
}

.price-main {
	text-align: center
}

.price-main .price-section {
	overflow: hidden;
	margin: 10px auto;
	margin-bottom: 40px
}

.price-main .price-section .service-term:nth-of-type(4) {
	margin: 0
}

.price-main .price-section .service-term {
	margin: 0 auto;
	cursor: pointer;
	border: 1px solid #DBDBDB;
	transition: all .3s;
	margin-top: 20px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0)
}

.price-main .price-section .service-term .service-head {
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	background: #008CD6;
	transition: all .3s;
	color: #fff
}

.price-main .price-section .service-term .service-price {
	font-size: 30px;
	padding: 20px 0;
	height: 90px;
	color: #008CD6
}

.price-main .price-section .service-term .service-price .first-free {
	font-size: 14px;
	color: #83c0f7
}

.price-main .price-section .service-term .service-param {
	margin-bottom: 0
}

.price-main .price-section .service-term .service-param li {
	line-height: 40px
}

.price-main .service-term:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	background: #00afdd;
	color: #fff
}

.price-main .service-term:hover .service-price {
	color: #fff
}

.price-main .service-term:hover .service-price .first-free {
	color: #eee
}

/* .price-main .mirror-price {
	background: url(https://dn-tenximage.qbox.me/container-server.jpg)
		no-repeat;
	height: 478px;
	z-index: 1;
	color: #fff;
	padding: 70px 0;
	position: relative;
	background-size: 100% 100%
} */

.price-main .mirror-price .mirror-item {
	margin: 70px auto
}

.price-main .mirror-price .mirror-item .mirror-list {
	width: 20%;
	float: left;
	min-width: 100px
}

/* .price-main .mirror-price .mirror-item .mirror-list .mir-icon {
	display: inline-block;
	width: 85px;
	height: 82px;
	background: url(https://dn-tenximage.qbox.me/price-server.png) no-repeat
} */

.price-main .mirror-price .mirror-item .mirror-list .mir-issue {
	background-position: -24px -10px
}

.price-main .mirror-price .mirror-item .mirror-list .mir-download {
	background-position: -221px -10px
}

.price-main .mirror-price .mirror-item .mirror-list .mir-private {
	background-position: -431px -5px
}

.price-main .mirror-price .mirror-item .mirror-list .mir-bulide {
	background-position: -622px -5px
}

.price-main .mirror-price .mirror-item .mirror-list .mir-make {
	background-position: -815px -5px
}

.price-main .mirror-price::before {
	content: '';
	z-index: -1;
	opacity: .9;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #008CD6
}

.price-main .hosting-price {
	width: 100%;
	padding: 50px 0
}

.price-main .hosting-price .section-hosting {
	margin: 30px auto;
	overflow: hidden
}

.price-main .hosting-price .section-hosting .hosting-row:nth-of-type(4)
	{
	margin: 0
}

.price-main .hosting-price .section-hosting .hosting-row {
	width: 240px;
	cursor: pointer;
	margin: 0 auto;
	margin-top: 20px;
	border: 1px solid #DCDCDC;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0);
	transition: all .3s
}

.price-main .hosting-price .section-hosting .hosting-row .hosting-head {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background: #F3F5F5;
	transition: all .3s
}

.price-main .hosting-price .section-hosting .hosting-row .main-price {
	height: 99px;
	line-height: 99px;
	color: #2fba66;
	font-size: 30px
}

.price-main .hosting-price .section-hosting .hosting-row .hosting-param
	{
	margin-bottom: 0
}

.price-main .hosting-price .section-hosting .hosting-row .hosting-param li
	{
	border-top: 1px solid #eee;
	line-height: 35px;
	height: 40px
}

.price-main .hosting-price .section-hosting .hosting-row:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px)
}

.price-main .hosting-price .section-hosting .hosting-row:hover .main-price
	{
	color: #4280CB
}

.price-main .hosting-price .section-hosting .container div {
	padding-right: 0;
	padding-left: 2px
}

.price-main .contact-method {
	background: #F7F8FA;
	text-align: center;
	overflow: hidden
}

.price-main .contact-method .contact-project li {
	line-height: 30px
}

.price-main .contact-method .contact-project li a {
	color: #008cd6
}

.price-main .contact-method .contact-project li .target {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #666;
	border-radius: 5px;
	margin: 10px;
	font-size: 1.5em;
	line-height: 1.8em;
	color: #666
}

.price-main .contact-method .contact-project:hover {
	color: #008CD6
}

.price-main .contact-method .contact-project:hover .target {
	border-color: #008CD6;
	color: #008CD6
}

.price-main .notice {
	width: 48%;
	float: left;
	color: #999;
	text-align: left
}

.price-main .notice li {
	overflow: hidden
}

.price-main .notice .h4 {
	color: #666;
	margin-top: 20px
}

.price-main .notice .headline {
	background: #f1f1f1;
	line-height: 50px;
	padding: 0 30px;
	position: relative;
	cursor: pointer;
	border: 1px solid #DCDCDC
}

.price-main .notice .headline .sign {
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	text-indent: 0;
	transition: all .2s
}

.price-main .notice .headline.active .sign {
	transform: rotate(90deg)
}

.price-main .notice .headline:hover {
	color: #008cd6
}

.price-main .notice .innerwrap {
	display: none;
	padding: 20px 40px;
	line-height: 30px;
	border: 1px solid #DCDCDC;
	border-top: 0;
	position: relative;
	top: -11px
}

.price-main .notice .innerwrap.active {
	transition: all .5s ease-in;
	display: block
}

.price-main .notice-right {
	margin-left: 4%
}

.hosting-list tbody tr td {
	padding: 0;
	border: 0;
	line-height: 50px;
	border: 1px solid #efefef;
	text-align: center;
	width: 20%
}

.hosting-list tbody tr .hosting-price-head {
	background: #008CD6;
	color: #fff
}

.hosting-list tbody tr .hosting-price-first {
	background: #55d07f;
	color: #fff;
	border: 0
}

.hosting-list tbody tr .hosting-price-last {
	border: 0;
	border-right: 1px solid #efefef
}

.hosting-list tbody tr .hosting-price-last .send-ticks {
	background: #00afdd;
	padding: 10px 18px;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
	transition: all .2s
}

.hosting-list tbody tr .hosting-price-last .send-ticks:hover {
	background: #008cd6
}

.screen {
	padding: 60px 0
}

.screen .h2 {
	color: #666
}

.screen .h4 {
	margin-top: 20px
}

.aside-item {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 40px
}

.aside-item a:nth-of-type(1) .btn-white {
	margin-left: 0
}

.aside-item .btn-white {
	padding: 10px 20px;
	margin-left: 20px;
	border: 1px solid #fff;
	border-radius: 0;
	border-bottom: 0;
	color: #fff
}

.aside-item .btn-white a {
	color: #eee
}

.aside-item .btn-white a:hover {
	text-decoration: none;
	color: #fff
}

.front-img.price {
	height: 300px
}

.front-img.price:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #11A2D7;
	background: radial-gradient(circle 350px at center, #11a2d7, #4585d2)
}

/* .front-img.products:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(https://dn-tenximage.qbox.me/chanpin.jpg) no-repeat
		center
} */

/* .front-img.about:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(https://dn-tenximage.qbox.me/guanyuwomen.jpg) no-repeat
		center top;
	background-repeat-y: inherit
} */

.products-head {
	font-size: 24px;
	width: 100%;
	position: absolute;
	color: #eee;
	letter-spacing: 2px;
	top: 65px;
	left: 0
}

.products-head .indice {
	width: 50px;
	height: 70px;
	display: inline-block;
	position: absolute;
	text-align: center
}

.products-head .indice span {
	display: none;
	width: 5px;
	height: 4px;
	background: #b4d6fb;
	border-radius: 50%;
	transform: skew(-77deg, 58deg);
	box-shadow: 0 0 3px #4099f5
}

.products-head .indice img {
	display: none
}

.products-head .indice .build-img {
	transition: top .35s ease-in-out
}

.products-head .hup-position {
	left: 50%;
	top: 50px
}

.products-head .hosting-position {
	left: 60%;
	top: 0
}

.products-head .build-position {
	left: 75%;
	top: 20px
}

.products-head .service-position {
	left: 68%;
	top: 55px
}

.pandect {
	background: #f1f1f1
}

.pandect .side {
	width: 200px;
	margin-top: 20px;
	background: #fff;
	float: left
}

.pandect .side .quick-over {
	margin: 0
}

.pandect .side .quick-over li {
	height: 50px;
	line-height: 50px;
	padding-left: 30px;
	cursor: pointer;
	transition: all .3s
}

.pandect .side .quick-over li a {
	display: block;
	color: inherit;
	text-decoration: none
}

.pandect .side .quick-over li i {
	width: 20px;
	height: 22px;
	display: inline-block;
	background: url(../imgs/other/product-menu.png) no-repeat;
	position: relative;
	top: 8px;
	margin-right: 5px
}

.pandect .side .quick-over li .fa_server {
	background-position: 0 2px
}

.pandect .side .quick-over li .fa_wrench {
	background-position: 0 -22px
}

.pandect .side .quick-over li .fa_hup {
	background-position: 0 -48px
}

.pandect .side .quick-over li .fa_database {
	background-position: 0 -73px
}

.pandect .side .quick-over li .fa_hosting {
	background-position: 0 -98px
}

.pandect .side .quick-over li .fa_cog {
	background-position: 0 -146px
}

.pandect .side .quick-over li .fa_plug {
	background-position: 0 -171px
}

.pandect .side .quick-over li .fa_caas {
	background-position: 1px -123px
}

.pandect .side .quick-over li:hover a {
	color: #008CD6
}

.pandect .side .quick-over li:hover .fa_server {
	background-position: -21px 2px
}

.pandect .side .quick-over li:hover .fa_wrench {
	background-position: -21px -22px
}

.pandect .side .quick-over li:hover .fa_hup {
	background-position: -21px -48px
}

.pandect .side .quick-over li:hover .fa_database {
	background-position: -21px -73px
}

.pandect .side .quick-over li:hover .fa_hosting {
	background-position: -21px -98px
}

.pandect .side .quick-over li:hover .fa_cog {
	background-position: -21px -146px
}

.pandect .side .quick-over li:hover .fa_plug {
	background-position: -21px -171px
}

.pandect .side .quick-over li:hover .fa_caas {
	background-position: -21px -123px
}

.pandect .side .quick-over li.active:hover {
	background: #008CD6
}

.pandect .side .quick-over li.active:hover a {
	color: #fff
}

.pandect .side .quick-over .colour {
	background: #fbfbfb
}

.pandect .side .quick-over li.active {
	background: #00afdd;
	color: #eee
}

.pandect .side .quick-over li.active .fa_server {
	background-position: -42px 2px
}

.pandect .side .quick-over li.active .fa_wrench {
	background-position: -42px -22px
}

.pandect .side .quick-over li.active .fa_hup {
	background-position: -42px -48px
}

.pandect .side .quick-over li.active .fa_database {
	background-position: -42px -73px
}

.pandect .side .quick-over li.active .fa_hosting {
	background-position: -42px -98px
}

.pandect .side .quick-over li.active .fa_cog {
	background-position: -42px -146px
}

.pandect .side .quick-over li.active .fa_plug {
	background-position: -42px -171px
}

.pandect .side .quick-over li.active .fa_caas {
	background-position: -42px -123px
}

.pandect .side .quick-link li {
	padding-left: 45px
}

.pandect #itemlist {
	position: fixed;
	top: 0;
	margin-top: 0
}

.pandect #manContent {
	margin-left: 20px;
	margin-top: 20px;
	float: right;
	background: #fff;
	overflow-x: hidden;
	width: calc(100% - 220px);
	padding-bottom: 20px
}

.pandect #manContent .hrs {
	border-top: 1px dashed #dadada;
	margin-bottom: 30px;
	margin-top: 30px
}

.pandect #manContent .serverHead {
	margin-bottom: 40px;
	padding: 25px 50px;
	color: #888
}

.pandect #manContent .serverHead .gap {
	margin-bottom: 20px
}

.pandect #manContent .serverHead .h1, .pandect #manContent .serverHead h1
	{
	color: #333
}

.pandect #manContent .serverHead .server-send {
	margin-top: 40px
}

.pandect #manContent .serverHead .server-send .btn-send {
	border: 1px solid #008CD6;
	margin-right: 20px;
	transition: all .2s;
	color: #008cd6
}

.pandect #manContent .serverHead .server-send .btn-price {
	border: 1px solid #55d07f;
	margin-right: 20px;
	transition: all .2s;
	color: #55d07f
}

.pandect #manContent .serverHead .server-send .btn-send:hover {
	background: #008CD6;
	color: #fff
}

.pandect #manContent .serverHead .server-send .btn-price:hover {
	background: #55d07f;
	color: #fff
}

.pandect #manContent .item-notice {
	line-height: 22px;
	color: #888
}

.pandect #manContent #productpanel {
	position: fixed;
	top: 0;
	z-index: 2
}

.pandect #manContent .product-panel {
	height: 45px;
	padding: 0 50px
}

.pandect #manContent .product-panel .product-list {
	height: 100%;
	padding-right: 3px;
	position: relative
}

.pandect #manContent .product-panel .product-list .item-list {
	text-align: center;
	padding-top: 13px;
	background: #efefef;
	height: 100%;
	cursor: pointer
}

.pandect #manContent .product-panel .product-list:nth-child(4) {
	padding-right: 0
}

.pandect #manContent .product-panel .product-list.active .item-list {
	background: #fff
}

.pandect #manContent .product-panel .product-list.active:before {
	content: '';
	position: absolute;
	top: 0;
	left: -3px;
	width: 105%;
	border-top: 2px solid #008CD6
}

.pandect #manContent .item-box {
	padding: 30px 50px
}

.pandect #manContent .item-box .item-title {
	height: 89px;
	font-size: 20px;
	line-height: 90px;
	clear: both
}

.pandect #manContent .item-box .item-title .fa {
	color: #008CD6;
	margin-right: 10px
}

.pandect #manContent .item-box .item-hr {
	clear: both
}

.pandect #manContent .item-box .btn-links {
	display: inline-block;
	border: 1px solid #008CD6;
	color: #008CD6;
	padding: 8px 16px;
	margin-right: 20px;
	transition: all .15s;
	text-decoration: none
}

.pandect #manContent .item-box .btn-links .inner-wrap {
	position: relative;
	top: -2px
}

.pandect #manContent .item-box .btn-links:hover {
	background: #00afdd;
	color: #fff;
	border-color: #00afdd
}

.pandect #manContent .item-box .item-content {
	height: 200px;
	width: 32%;
	border: 1px solid #c9caca;
	margin-bottom: 15px;
	float: left;
	position: relative
}

.pandect #manContent .item-box .item-content .content-show {
	text-align: center;
	color: #008CD6;
	font-size: 18px;
	opacity: 1;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.pandect #manContent .item-box .item-content .content-show .product-icon
	{
	margin: 45px auto 10px;
	width: 80px;
	height: 88px;
	background: url(../imgs/other/product-feature.png) no-repeat
}

.pandect #manContent .item-box .item-content .content-show .ease {
	background-position: 0 0
}

.pandect #manContent .item-box .item-content .content-show .agile {
	background-position: 0 -95px
}

.pandect #manContent .item-box .item-content .content-show .lgprice {
	background-position: 0 -190px
}

.pandect #manContent .item-box .item-content .content-show .deploy {
	background-position: 0 -287px
}

.pandect #manContent .item-box .item-content .content-show .safe {
	background-position: 0 -388px
}

.pandect #manContent .item-box .item-content .content-show .quick {
	background-position: 0 -480px
}

.pandect #manContent .item-box .item-content .content-show .code {
	background-position: 0 -583px
}

.pandect #manContent .item-box .item-content .content-show .build-server
	{
	background-position: 0 -679px
}

.pandect #manContent .item-box .item-content .content-show .deploy {
	background-position: 0 -778px
}

.pandect #manContent .item-box .item-content .content-show .quick {
	background-position: 0 -867px
}

.pandect #manContent .item-box .item-content .content-show .elastic {
	background-position: 0 -975px
}

.pandect #manContent .item-box .item-content .content-show .dbsave {
	background-position: 0 -1062px
}

.pandect #manContent .item-box .item-content .content-show .quick-caas {
	background-position: 0 -1165px
}

.pandect #manContent .item-box .item-content .content-show .only-cluster
	{
	background-position: 0 -1257px
}

.pandect #manContent .item-box .item-content .content-show .only-cluster
	{
	background-position: 0 -1257px
}

.pandect #manContent .item-box .item-content .content-show .efficient {
	background-position: 0 -1346px
}

.pandect #manContent .item-box .item-content .content-show .lglength {
	background-position: 0 -1652px
}

.pandect #manContent .item-box .item-content .content-show .onedeploy {
	background-position: 0 -1445px
}

.pandect #manContent .item-box .item-content .content-show .mico-server
	{
	background-position: 0 -1553px
}

.pandect #manContent .item-box .item-content .contentinfo {
	background: #00afdd;
	visibility: hidden;
	color: #fff;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	display: table;
	padding: 0 40px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0
}

.pandect #manContent .item-box .item-content .contentinfo .h5 {
	display: table-cell;
	vertical-align: middle;
	line-height: 25px
}

.pandect #manContent .item-box .item-content .contentinfo .h5-head {
	margin-bottom: 10px;
	font-size: 18px
}

.pandect #manContent .item-box .item-content:hover {
	border: 0
}

.pandect #manContent .item-box .item-content:hover .content-show {
	opacity: 0;
	display: none
}

.pandect #manContent .item-box .item-content:hover .contentinfo {
	opacity: 1;
	visibility: visible
}

.pandect #manContent .item-box .item-content.space {
	margin-left: 2%;
	margin-right: 2%
}

.pandect #manContent .item-box .item-feature {
	padding-left: 4%;
	padding-right: 4%
}

.pandect #manContent .item-box .item-feature .item-img-box {
	width: 150px;
	height: 150px;
	background: #f0f3f6;
	border: 2px solid transparent;
	border-radius: 75px;
	padding-top: 13px;
	transition: all .3s ease-in-out
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img {
	width: 148px;
	height: 120px;
	background: url(../imgs/other/product-feature2.png) no-repeat;
	background-position: 26px 5px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.volume
	{
	background-position: 26px -120px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.service-discovery
	{
	background-position: 26px -245px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.upgrade
	{
	background-position: 26px -369px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.rubber-sheeting
	{
	background-position: 26px -488px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.balancing
	{
	background-position: 26px -611px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.logplise
	{
	background-position: 26px -734px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.tolerance
	{
	background-position: 26px -858px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.rdb
	{
	background-position: 26px -984px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.mongodb
	{
	background-position: 26px -1108px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.cache
	{
	background-position: 26px -1232px
}

.pandect #manContent .item-box .item-feature .item-img-box .item-img.master
	{
	background-position: 26px -1356px
}

.pandect #manContent .item-box .item-feature .item-list-text .list-head
	{
	margin-bottom: 20px;
	text-align: center
}

.pandect #manContent .item-box .item-feature:hover .item-img-box {
	background: #fff;
	border: 2px solid #00afdd
}

.pandect #manContent .item-box .item-feature:hover .item-img.volume {
	background-position: -98px -120px
}

.pandect #manContent .item-box .item-feature:hover .item-img.service-discovery
	{
	background-position: -98px -245px
}

.pandect #manContent .item-box .item-feature:hover .item-img.upgrade {
	background-position: -98px -369px
}

.pandect #manContent .item-box .item-feature:hover .item-img.rubber-sheeting
	{
	background-position: -98px -488px
}

.pandect #manContent .item-box .item-feature:hover .item-img.balancing {
	background-position: -98px -611px
}

.pandect #manContent .item-box .item-feature:hover .item-img.logplise {
	background-position: -98px -734px
}

.pandect #manContent .item-box .item-feature:hover .item-img.tolerance {
	background-position: -98px -858px
}

.pandect #manContent .item-box .item-feature:hover .item-img {
	background-position: -98px 5px
}

.pandect #manContent .item-box .item-feature:hover .item-img.rdb {
	background-position: -98px -984px
}

.pandect #manContent .item-box .item-feature:hover .item-img.mongodb {
	background-position: -98px -1108px
}

.pandect #manContent .item-box .item-feature:hover .item-img.cache {
	background-position: -98px -1232px
}

.pandect #manContent .item-box .item-feature:hover .item-img.master {
	background-position: -98px -1356px
}

.pandect #manContent .item-box .item-build-box {
	border: 1px solid #dadada;
	border-radius: 3px;
	height: 130px;
	overflow: hidden;
	margin-top: 20px;
	padding-top: 20px;
	transition: all .2s ease
}

.pandect #manContent .item-box .item-build-box .item-img {
	width: 50px;
	height: 50px;
	background: url(../imgs/other/product-feature3.png) no-repeat;
	background-position: 0 0;
	float: left;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 30px
}

.pandect #manContent .item-box .item-build-box .ci {
	background-position: 0 -66px
}

.pandect #manContent .item-box .item-build-box .private-hup {
	background-position: 0 -137px
}

.pandect #manContent .item-box .item-build-box .tce {
	background-position: 0 -200px
}

.pandect #manContent .item-box .item-build-box .item-list-text {
	float: left;
	width: 70%
}

.pandect #manContent .item-box .item-build-box .item-img {
	margin-left: 35px;
	margin-right: 35px
}

.pandect #manContent .item-box .item-build-box .registry-hosting {
	background-position: 0 -264px
}

.pandect #manContent .item-box .item-build-box .docker-ci {
	background-position: 0 -330px
}

.pandect #manContent .item-box .item-build-box .share {
	background-position: 0 -400px
}

.pandect #manContent .item-box .item-build-box .deploy {
	background-position: 0 -470px
}

.pandect #manContent .item-box .item-build-box .group {
	background-position: 0 -536px
}

.pandect #manContent .item-box .item-build-box .serverfind {
	background-position: 0 -601px
}

.pandect #manContent .item-box .item-build-box .balancing {
	background-position: 0 -666px
}

.pandect #manContent .item-box .item-build-box .all-pce {
	background-position: 0 -733px
}

.pandect #manContent .item-box .item-build-box .hosting-manage {
	background-position: 0 -793px
}

.pandect #manContent .item-box .item-build-box .log-manage {
	background-position: 0 -863px
}

.pandect #manContent .item-box .item-build-box .app-manage {
	background-position: 0 -932px
}

.pandect #manContent .item-box .item-build-box .monitoring {
	background-position: 0 -994px
}

.pandect #manContent .item-box .item-build-box:hover {
	background: #00afdd;
	color: #fff
}

.pandect #manContent .item-box .item-build-box:hover .build {
	background-position: -54px 0
}

.pandect #manContent .item-box .item-build-box:hover .ci {
	background-position: -55px -66px
}

.pandect #manContent .item-box .item-build-box:hover .private-hup {
	background-position: -55px -135px
}

.pandect #manContent .item-box .item-build-box:hover .tce {
	background-position: -50px -200px
}

.pandect #manContent .item-box .item-build-box:hover .item-list-text {
	float: left;
	width: 70%
}

.pandect #manContent .item-box .item-build-box:hover .item-img {
	margin-left: 35px;
	margin-right: 35px
}

.pandect #manContent .item-box .item-build-box:hover .registry-hosting {
	background-position: -50px -264px
}

.pandect #manContent .item-box .item-build-box:hover .docker-ci {
	background-position: -50px -330px
}

.pandect #manContent .item-box .item-build-box:hover .share {
	background-position: -50px -400px
}

.pandect #manContent .item-box .item-build-box:hover .deploy {
	background-position: -50px -470px
}

.pandect #manContent .item-box .item-build-box:hover .group {
	background-position: -50px -536px
}

.pandect #manContent .item-box .item-build-box:hover .serverfind {
	background-position: -50px -601px
}

.pandect #manContent .item-box .item-build-box:hover .balancing {
	background-position: -50px -666px
}

.pandect #manContent .item-box .item-build-box:hover .all-pce {
	background-position: -50px -733px
}

.pandect #manContent .item-box .item-build-box:hover .hosting-manage {
	background-position: -50px -793px
}

.pandect #manContent .item-box .item-build-box:hover .log-manage {
	background-position: -50px -863px
}

.pandect #manContent .item-box .item-build-box:hover .app-manage {
	background-position: -50px -932px
}

.pandect #manContent .item-box .item-build-box:hover .monitoring {
	background-position: -50px -994px
}

.pandect #manContent .item-box .item-registry-box {
	border: 1px solid #dadada;
	border-radius: 3px;
	height: 90px;
	overflow: hidden;
	margin-top: 20px;
	padding-top: 0
}

.pandect #manContent .item-box .item-registry-box .item-img {
	width: 50px;
	height: 50px;
	background: url(../imgs/other/product-feature4.png) no-repeat;
	background-position: 0 0;
	float: left;
	margin-top: 20px;
	margin-right: 35px;
	margin-left: 35px
}

.pandect #manContent .item-box .item-registry-box .item-img {
	margin-left: 35px;
	margin-right: 35px
}

.pandect #manContent .item-box .item-registry-box .hosting {
	background-position: -1px -463px
}

.pandect #manContent .item-box .item-registry-box .save {
	background-position: 1px -525px
}

.pandect #manContent .item-box .item-registry-box .height {
	background-position: 0 -587px
}

.pandect #manContent .item-box .item-registry-box .ease-deploy {
	background-position: 2px -646px
}

.pandect #manContent .item-box .item-registry-box .monitoring {
	background-position: 0 -226px
}

.pandect #manContent .item-box .item-registry-box .logs {
	background-position: 1px -290px
}

.pandect #manContent .item-box .item-registry-box .micro-services {
	background-position: 1px -349px
}

.pandect #manContent .item-box .item-registry-box .iaas-deploy {
	background-position: 0 -406px
}

.pandect #manContent .item-box .item-registry-box .item-list-text {
	padding-top: 10px
}

.pandect #manContent .item-box .item-registry-box .allopen {
	background-position: 1px 10px
}

.pandect #manContent .item-box .item-registry-box .doneApi {
	background-position: 1px -46px
}

.pandect #manContent .item-box .item-registry-box .saveopen {
	background-position: 0 -105px
}

.pandect #manContent .item-box .item-registry-box .quick-integrated {
	background-position: 0 -167px
}

.pandect #manContent .item-box .item-registry-box:hover {
	background: #00afdd;
	color: #fff
}

.pandect #manContent .item-box .item-registry-box:hover .hosting {
	background-position: -50px -463px
}

.pandect #manContent .item-box .item-registry-box:hover .save {
	background-position: -50px -525px
}

.pandect #manContent .item-box .item-registry-box:hover .height {
	background-position: -50px -587px
}

.pandect #manContent .item-box .item-registry-box:hover .ease-deploy {
	background-position: -50px -646px
}

.pandect #manContent .item-box .item-registry-box:hover .monitoring {
	background-position: -50px -226px
}

.pandect #manContent .item-box .item-registry-box:hover .logs {
	background-position: -50px -290px
}

.pandect #manContent .item-box .item-registry-box:hover .micro-services
	{
	background-position: -50px -349px
}

.pandect #manContent .item-box .item-registry-box:hover .iaas-deploy {
	background-position: -50px -406px
}

.pandect #manContent .item-box .item-registry-box:hover .allopen {
	background-position: -50px 10px
}

.pandect #manContent .item-box .item-registry-box:hover .doneApi {
	background-position: -50px -46px
}

.pandect #manContent .item-box .item-registry-box:hover .saveopen {
	background-position: -50px -105px
}

.pandect #manContent .item-box .item-registry-box:hover .quick-integrated
	{
	background-position: -50px -167px
}

.pandect #manContent .work-list {
	background: #f5f7f8;
	padding: 30px;
	margin-top: 10px;
	overflow: hidden;
	font-size: 16px
}

.pandect #manContent .work-list .money {
	color: #f78300
}

.pandect #manContent .work-list .work-text {
	margin-top: 10px
}

.pandect #manContent .work-list a {
	text-decoration: none
}

.pandect #manContent .work-list:hover {
	background: #00afdd;
	color: #fff
}

.pandect #manContent .work-list:hover .money, .pandect #manContent .work-list:hover a
	{
	color: #fff
}

.pandect #manContent .media-reports {
	clear: both;
	border-bottom: 1px dashed #dadada;
	overflow: hidden;
	height: 159px;
	padding-top: 40px;
	transition: all .4s
}

.pandect #manContent .media-reports .h4 {
	font-size: 16px
}

.pandect #manContent .media-img {
	width: 210px
}

.pandect #manContent .media-img img {
	max-width: 100%
}

.pandect #manContent .media-img .img-box {
	border: 1px solid #e2e2e2;
	width: 180px;
	height: 88px;
	text-align: center;
	line-height: 80px
}

.pandect #manContent .media-content {
	width: calc(100% - 330px)
}

.pandect #manContent .media-content a {
	color: #666;
	font-weight: 500;
	text-decoration: none
}

.pandect #manContent .team-info {
	width: 100px;
	float: right;
	padding-left: 30px;
	border-left: 1px solid #dadada
}

.pandect #manContent .team-info .park {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #dadada;
	border-radius: 15px;
	color: #333;
	text-align: center
}

.pandect #manContent .team-info .park .fa {
	vertical-align: middle
}

.pandect #manContent .media-reports:hover .article-title {
	color: #008CD6
}

.pandect #manContent .media-reports:hover .park {
	background: #008CD6;
	color: #fff
}

.pandect #manContent .media-reports:nth-of-type(1) {
	padding-top: 8px;
	height: 130px
}

.pandect #manContent ul#partner-list {
	padding-top: 10px
}

.pandect #manContent ul#partner-list li {
	float: left;
	height: 110px
}

.pandect #manContent ul#partner-list li a {
	width: 200px;
	height: 88px;
	border: 1px solid #e8eff3;
	display: inline-block;
	text-align: center
}

.pandect #manContent ul#partner-list li a:hover {
	border-color: #008CD6
}

/* .pandect #manContent ul#partner-list li .partner {
	width: 200px;
	height: 46px;
	margin-top: 22px;
	background: url(https://dn-tenximage.qbox.me/partner.png?0.2) no-repeat
} */

.pandect #manContent ul#partner-list li .aliyun {
	background-position: -192px 2px
}

.pandect #manContent ul#partner-list li .amazon {
	background-position: -191px -58px
}

.pandect #manContent ul#partner-list li .qingcloud {
	background-position: -191px -116px
}

.pandect #manContent ul#partner-list li .segmentfault {
	background-position: -191px -165px
}

.pandect #manContent ul#partner-list li .oschina {
	background-position: -191px -223px
}

.pandect #manContent ul#partner-list li .coding {
	background-position: -191px -282px
}

.pandect #manContent ul#partner-list li .fir_im {
	background-position: -201px -345px
}

.pandect #manContent ul#partner-list li .gitcafe {
	background-position: -203px -400px
}

.pandect #manContent ul#partner-list li .appcan {
	background-position: -191px -473px
}

.pandect #manContent ul#partner-list li .jisuanke {
	background-position: -191px -528px
}

/* .pandect #manContent ul#partner-list li .partner2 {
	width: 180px;
	height: 46px;
	margin-top: 22px;
	background: url(https://dn-tenximage.qbox.me/partner2.png) no-repeat
} */

.pandect #manContent ul#partner-list li .kaiyuanshe {
	background-position: -160px 0
}

.pandect #manContent ul#partner-list li .meituan {
	background-position: -165px -53px
}

.pandect #manContent ul#partner-list li .easemob {
	background-position: -165px -108px
}

.pandect #manContent ul#partner-list li .wilddog {
	background-position: -165px -162px
}

.pandect #manContent ul#partner-list li .yuntongxun {
	background-position: -163px -215px
}

.pandect #manContent ul#partner-list li .cloudwise {
	background-position: -165px -265px
}

.pandect #manContent ul#partner-list li .udesk {
	background-position: -165px -319px
}

.pandect #manContent ul#partner-list li .upcloud {
	background-position: -165px -368px
}

.pandect #manContent ul#partner-list li .gbtags {
	background-position: -165px -470px
}

.pandect #manContent ul#partner-list li .oneapm {
	background-position: -165px -415px
}

/* .pandect #manContent ul#partner-list li .partner3 {
	width: 180px;
	height: 46px;
	margin-top: 22px;
	background: url(https://dn-tenximage.qbox.me/partner3.png?rev=0.25)
		no-repeat
} */

.pandect #manContent ul#partner-list li .qiniu {
	background-position: -150px 0
}

.pandect #manContent ul#partner-list li .anchnet {
	background-position: -150px -56px
}

.pandect #manContent ul#partner-list li .rongkecloud {
	background-position: -155px -120px
}

.pandect #manContent ul#partner-list li .zhugeio {
	background-position: -153px -176px
}

.pandect #manContent ul#partner-list li .yuantuan {
	background-position: -153px -242px
}

.pandect #manContent ul#partner-list li .kr36 {
	background-position: -153px -360px
}

.pandect #manContent ul#partner-list li .kf5 {
	background-position: -153px -300px
}

.pandect #manContent ul#partner-list li .bee {
	background-position: -153px -418px
}

.pandect #manContent ul#partner-list li .bmob {
	background-position: -153px -465px
}

.pandect #manContent ul#partner-list li .unisound {
	background-position: -153px -533px
}

.pandect #manContent ul#partner-list li .safedog {
	background-position: -153px -591px
}

.pandect #manContent ul#partner-list li .apistore {
	background-position: -152px -650px
}

.pandect #manContent ul#partner-list li .ucpaas {
	background-position: -160px -700px
}

.pandect #manContent ul#partner-list li .getui {
	background-position: -150px -750px
}

.pandect #manContent ul#partner-list li .cloud369 {
	background-position: -152px -898px
}

.pandect #manContent #map {
	padding-top: 10px
}

.pandect #manContent #map a {
	color: #888;
	text-decoration: none
}

.new_images {
	padding-top: 20px;
	width: 150px
}

.screen.item2, .screen.item4 {
	background: #F3F5F5
}

.system-type {
	width: 210px;
	height: 200px;
	background: #F5F6F6;
	margin-right: 20px;
	border-radius: 4px;
	text-align: center;
	margin: 0 auto;
	transition: all .3s
}

.system-type .sys-show {
	position: relative;
	top: 25px
}

/* .system-type .sys-show .sys-img {
	width: 100px;
	height: 100px;
	margin: 20px auto 0;
	background: url(https://dn-tenximage.qbox.me/client_system.png)
		no-repeat
} */

.system-type .sys-show .windows {
	background-position: -100px 0
}

.system-type .sys-show .macintoch {
	background-position: -100px -98px
}

.system-type .sys-show .source {
	background-position: -100px -198px
}

.system-type .sys-show .sys-text {
	font-size: 18px;
	color: #4380CB;
	line-height: 30px
}

.system-type .sys-show .sys-versions {
	font-size: 12px;
	font-weight: 700;
	color: #666
}

.system-type:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px)
}

.col-md-3>a:hover {
	text-decoration: none
}